﻿{% extends "./inc_baseNew.html" %}
{% block content %}
<div class="container margin-boot-25">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col-wy-4">
                <div class="login-reg-form-wrap" style="margin-top: 20px">
                    <div class="breadcrumb-wrap">
                        <nav aria-label="breadcrumb">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                                <li class="breadcrumb-item"><a href="shop-grid-left-sidebar.html">供需信息</a></li>
                            </ul>
                        </nav>
                    </div>

                    <div class="container">
                        <div class="row">
                            <div class="col-wy-11">
                                <!-- product details inner end -->
                                <div class="product-details-inner">
                                    <div class="row">
                                        <div class="col-12">
                                            <!-- product view wrapper area start -->
                                            <div class="shop-product-wrapper">
                                                <!-- shop product top wrap start -->
                                                <div class="shop-top-filter">
                                                    <h1>全部分类</h1>
                                                    <p><a href="/home/gongxufabu/list?shangpingleibie=废钢">废钢</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="/home/gongxufabu/list?shangpingleibie=废有色">废有色</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="/home/gongxufabu/list?shangpingleibie=废塑料">废塑料</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="/home/gongxufabu/list?shangpingleibie=废纸">废纸</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="/home/gongxufabu/list?shangpingleibie=废玻璃">废玻璃</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                                    </p>
                                                </div>
                                                <!-- shop product top wrap start -->

                                                <!-- product item start -->
                                                <div class="shop-product-wrap list row">
                                                    {% for item in list %}
                                                    <div class="col-lg-3 col-md-4 col-sm-6">
                                                        <!-- product single list item start -->
                                                        <div class="product-list-item wy-mb-30">
                                                            <div class="product-thumb">
                                                                <a href="product-details.html">
                                                                    {% for t in item.tupian|strToJson %}
                                                                    {% if loop.index ==1 %}
                                                                    <img src="{{t}}" class="img-pri" alt="">
                                                                    {% endif %}
                                                                    {% endfor %}
                                                                </a>
                                                            </div>
                                                            <div class="product-list-content">
                                                                <div class="commodity-nanme"><h1>{{item.xinxibiaoti}}</h1><span>{{item.shangpingleibie}}</span></div>
                                                                <div class="ratings2"><span>{{item.jiage}}元/吨 {{item.shangpingshuliang}}吨</span><span class="pro-review">{{item.diqu}}</span></div>
                                                                <div class="pricebox">2019/01/04</div>
                                                                <div class="product-list-action-link">
                                                                    <a class="buy-btn" href="/home/gongxufabu/detail/?id={{item.id}}" data-toggle="tooltip" data-placement="top">查看详情</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- product single list item start -->
                                                    </div> <!-- product single column end -->
                                                    {% else %}
                                                    <tr><td colspan="11"><div class="alert alert-warning alert-block">
                                                        <button data-dismiss="alert" class="close" type="button">×</button>
                                                        <p>暂无数据</p>
                                                    </div></td></tr>
                                                    {% endfor %}
                                                </div>
                                                <!-- product item end -->
                                            </div>
                                            <!-- product view wrapper area end -->

                                            <!-- start pagination area -->
                                            <div class="paginatoin-area text-center pt-28 mb-30">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="row">
                                                            <div class="col-sm-12 text-right text-center-xs">
                                                                {{pagerData | safe}}
                                                            </div>
                                                        </div>

                                                        <!--<ul class="pagination-box">
                                                            <li><a class="Previous" href="#">Previous</a></li>
                                                            <li class="active"><a href="#">1</a></li>
                                                            <li><a href="#">2</a></li>
                                                            <li><a href="#">3</a></li>
                                                            <li><a class="Next" href="#"> Next </a></li>
                                                        </ul>-->
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- end pagination area -->

                                        </div>
                                    </div>
                                </div>
                                <!-- product details inner end -->

                                <!-- product details reviews start -->
                                <!-- product details reviews end -->

                                <!-- related products area start -->
                                <!-- related products area end -->
                            </div>

                            <!-- sidebar start -->
                            <!-- sidebar end -->
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}